<!-- 06emmet语法
    前言
    提高生产效率（快捷输入）
    html语法
    1.类标签：.red————div class="red" 
    2.id标签：标签名#id名（p#ont————<p id="ont">）
    3.子标签：父标签名>子标签名（div>p————<div><p></p></div>）
    4.同级标签：标签名+标签名（p+p————<p></p><p></p>）
    5.多个同级：标签名*个数（p*3————<p></p><p></p><p></p>）
    6.交集标签：标签名.类名#id名（p.red#one————<p class="red" id="one"></p>）
    7.标签嵌套：标签名>标签名>标签名（div>p>span————<div><p><span></span></p></div>）
    8.带内容标签：标签名{内容}（p{hello world}————<p>hello world</p>）
    9.带属性标签：标签名[属性名=属性值]（a[href="URL_ADDRESS"]{点击跳转}————<a href="URL_ADDRESS">点击跳转</a>）

    css语法（键值对）
    1.键的首字母缩写：
        1.1.背景颜色：bgc————background-color:red;
        1.2.文本颜色：c————color:red;
        1.3.字体大小：fz————font-size:12px;
        1.4.文本缩进：ti————text-indent:2em;
        1.5.行高：lh————line-height:25px;
        1.6.外边距：m————margin:20px;
        1.7.内边距：p————padding:20px;
        1.8.宽度：w200————width:200px;
        1.9.高度：h200————height:200px;
        （w400+h400————width:400px;height:400px;）
        1.10.水平居中：ma————margin:0 auto;
        1.11.垂直居中：mt————margin-top:50%;
        1.12.左浮动：fl————float:left;
        1.13.右浮动：flr————float:right;
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .lei{
            background-color: #fff;
            color: #000;
            font-size: 12px;
            text-indent: 2em;
            line-height: 25px;
            margin: 20px;
            padding: 20px;
            width: 200px;
            height: 200px;
            margin: 0 auto;
            margin-top: 50%;
            float: left;
            float: right;
        }
    </style>
</head>
<body>
    <p class="color"></p>
    <div class="red"></div>
    <p id="red"></p>
    <div>
        <p></p>
    </div>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <h1 class="red" id="fsize"></h1>
    <div>
        <span>
            <p></p>
        </span>
    </div>
    <p>adg</p>
    <a href="#"></a>
    <a href="#">链接</a>

</body>
</html>